<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    .content {
      display: flex;
      width: 100%;
      background-color: #cdf8ea;
      padding: 20px;
      box-sizing: border-box;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      margin: 10px 0;
    }

    .title {
      font-size: 25px;
      margin-right: 40px;
      white-space: nowrap;
    }

    input {
      width: 100%;
      height: 40px;
      font-size: 20px;
      margin-right: 20px;
    }

    .showdown {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%;
      align-items: center;
      flex-wrap: nowrap;
      margin-top: 30px;
      margin-bottom: 20px;
    }

    .down {
      display: flex;
      width: 100%;
      align-items: center;
      align-content: space-between;
      justify-content: space-evenly;
      flex-wrap: wrap;
      height: 31px;
    }

    .rd {
      padding: 2px 4px;
      background-color: coral;
      cursor: pointer;
    }
  </style>
</head>

<body style="position: relative;width: 757px;min-height: 600px;overflow: hidden;overflow-y: scroll;">
  <div
    style="width: 100%;min-height: 520px;background-color: #edf4f1;display: flex;flex-direction: column;padding: 0 10px;">
    <div class="content">
      <div class="title">文件名</div>
      <input type="text" name="" id="fileName">
    </div>
    <div class="content">
      <div class="title">下载链接1</div>
      <input type="text" name="" id="href1">
    </div>
    <div class="content">
      <div class="title">下载链接2</div>
      <input type="text" name="" id="href2">
    </div>
    <input type="button" value="下载" id="download" style="margin-top: 20px; height: 80px;">
    <div class="showdown" id="showdown">
    </div>
    <div class="showdown" id="redownload">
    </div>
  </div>
  <script src="js/jquery.3.5.1.js"></script>
  <script src="./js/popup.js"></script>
</body>

</html>